$('.login a').on('click', function () {
  $('.login').hide().next().show();
})

$('.register a').on('click', function () {
  $('.login').show().next().hide();
})
// ----------------------   注册功能  ----------------------
// 表单提交 -> 阻止默认行为 -> 收集表单数据（查询字符串） -> ajax提交
$('.register form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  // console.log(data);
  $.ajax({
      type: 'POST',
      url: '/api/reguser',
      data: data,
      success: function (res) {
          if (res.status === 0) {
              // 提示
              layer.msg(res.message);
              // 清空输入框。找到表单，转成DOM对象，调用DOM方法reset，来重置表单
              $('.register form')[0].reset();
              // 切换到登录的盒子
              $('.login').show().next().hide();
          }
      }
  })
});
// /**************************注册功能**************************/ 
// //表单提交--> 阻止默认行为 --> 收集表单数据(用户名，密码) -->ajax提交给服务器
// $('.register from').on('submit',function (e) {
//   e.prevevtDefault();
//   //收集表单数据
//   let data = $(this).serialize();
//   // console.log(data);//查看参数是否和接口要求一致
//   $.ajax({
//     type:'POST',
//     url:'/api/reguser',
//     data:data,
//     success:function(res){
//       //只考虑成功的情况，失败的情况后续统一处理
//       if(res.status===0){
//         $('.register.layui-input').val('');
//         alert(res.message);
//         $('.login').show().next().hide();
//       }
//     },
//     })
//   }) 

// **************************完成表单验证**************************/
// 1.1加载模块，固定语法 let 变量=layui.模块名；
let form = layui.form;  // 加载form模块

//用户名长度2~10 密码长度6~12位  两次密码一直
// 1.2 layui支持，自定义验证规则
form.verify({
  //键（规则名称）：值（数组格式['正则表达式'，验证不通过时的提示"]）,
  uname:[/^[a-zA-Z0-9]{2,10}$/, '用户名只能是数字字母，且2~10位'], // {2,10} 不是 {2, 10}]
  pwd:[/^[a-zA-Z0-9]{6,12}$/, '密码长度必须是6~12位'],
  //键(规则名称)：值(函数格式，函数的形参，函数的返回值)
  same:function (val){
    //形参val表示 使用该规则的输入框的值:本例中，重复密码使用了这个验证规则，所以形成val表示用户输入的重复密码
    if($('.pwd').val()!==val){
      return'两次密码不一致!'
    }
    // return'验证不通过时的提示'
  }
});

// /**************************登陆功能**************************/ 
//表单提交-->阻止默认行为-->收集数据-->ajax提交
$('.login form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();  // 必须检查name属性值
  $.ajax({
      type: 'POST',
      url: '/api/login',
      data: data,
      success: function (res) {
        //只关注请求成功的情况即可，因为失败的情况有统一配置
          if (res.status === 0) {
              // 提示
              layer.msg(res.message,{time:1500},function (){
           // 登录成功，保存token
              localStorage.setItem('token', res.token);
              // 登陆成功，跳转到index.html
              location.href = './index.html';
              })

          }
      }
  });
})


